﻿
@{
    ViewBag.Title = "首页";
    Layout = "~/Areas/Admin/Views/Shared/_LayoutPage.cshtml";
}
<style>
    body {
        height: 100%;
        position: relative;
    }
</style>

<div style="position:absolute;top:0px;bottom:55px;overflow:hidden;left:0;right:0">

    <div class="swiper-container" style="height:50%;">
        <div class="swiper-wrapper">
            <div class="swiper-slide"><img style="width:100%;height:100%;" src="~/Content/image/swiper1.png" alt=""></div>
            <div class="swiper-slide"><img style="width:100%;height:100%;" src="~/Content/image/swiper2.png" alt=""></div>
            <div class="swiper-slide"><img style="width:100%;height:100%;" src="~/Content/image/swiper3.png" alt=""></div>
        </div>
    </div>
    <div class="weui-grids" style="height:50%">
        <a href="/Generator/Index" class="weui-grid js_grid">
            <div class="weui-grid__icon">
                <img src="~/Content/image/Menu/GenB.png" alt="">
            </div>
            <p class="weui-grid__label">
                油机管理
            </p>
        </a>
        <a href="/BaseStation/Index" class="weui-grid js_grid">
            <div class="weui-grid__icon">
                <img src="~/Content/image/Menu/baseB.png" alt="">
            </div>
            <p class="weui-grid__label">
                基站管理
            </p>
        </a>
        <a href="/Alarm/Index" class="weui-grid js_grid">
            <div class="weui-grid__icon">
                <img src="~/Content/image/Menu/AlarmB.png" alt="">
            </div>
            <p class="weui-grid__label">
                告警列表
            </p>
        </a>
        <a href="javascript:void(0);" class="weui-grid js_grid" onclick="selectAnn()">
            <div class="weui-grid__icon">
                <img src="~/Content/image/Menu/AnnB.png" alt="">
            </div>
            <p class="weui-grid__label">
                工单管理
            </p>
        </a>
        <a href="/Genrecord/Index" class="weui-grid js_grid">
            <div class="weui-grid__icon">
                <img src="~/Content/image/Menu/RecoreB.png" alt="">
            </div>
            <p class="weui-grid__label">
                发电记录
            </p>
        </a>
        <a href="/SelfCheck/Index" class="weui-grid js_grid">
            <div class="weui-grid__icon">
                <img src="~/Content/image/Menu/CheckB.png" alt="">
            </div>
            <p class="weui-grid__label">
                模块自检
            </p>
        </a>
        <a href="/Information/Index" class="weui-grid js_grid">
            <div class="weui-grid__icon">
                <img src="~/Content/image/Menu/notificationB.png" alt="">
            </div>
            <p class="weui-grid__label">
                指标通报
            </p>
        </a>
        <a href="/Person/Index" class="weui-grid js_grid">
            <div class="weui-grid__icon">
                <img src="~/Content/image/Menu/PersonSetB.png" alt="">
            </div>
            <p class="weui-grid__label">
                人员管理
            </p>
        </a>
        <a href="" class="weui-grid js_grid">
            <div class="weui-grid__icon">
                <img src="~/Content/image/Menu/NewMsgB.png" alt="">
            </div>
            <p class="weui-grid__label">
                最新公告
            </p>
        </a>
    </div>

</div>
<script src="~/Content/script/swiper.min.js"></script>
<script src="~/Content/script/jquery-1.11.0.min.js"></script>
<script src="~/Content/script/jquery-weui.min.js"></script>
<script src="~/Content/script/jqweui.swiper1.2.1.min.js"></script>

<script>
    $(".weui-grid__label").css("color", "#999");
    $(".weui-grid").css("height", "33.33333333%");

    var mySwiper = new Swiper('.swiper-container', {
        autoplay: 1000,
        loop: true
    })
</script>